@charset "utf-8";

/*--------------------------------------------------------------
     2026経理DXオンラインDay春
----------------------------------------------------------------*/
div#seminar202603{
	width:1050px;
	margin:0 auto;
	padding:0 0 30px 0;
}
/*--------- 共通 ---------*/
div#seminar202603 em{
	font-weight:bold;
	font-style: normal;
}


/*--------- メインイメージ ---------*/
div#seminar202603 div.seminarMain{
	width:100%;
	margin:0 0 20px 0;
}
/*タイトル画像*/
div#seminar202603 div.seminarMain h1{
	display:block;
	margin:0 0 15px 0;
	padding:0;
	background: none !important;
	border:none;
	width:1050;
}

/*リード文*/
div#seminar202603 div.seminarMain div.lead{
	width:100%;
	display:flex;
	justify-content: space-between;
	flex-wrap: nowrap;
}
div#seminar202603 div.seminarMain div.lead div.boxL{
	width:27%;
}
div#seminar202603 div.seminarMain div.lead div.boxR{
	width:70%;
}
div#seminar202603 div.seminarMain div.lead img{
	max-width: 100%;
	height:auto;
	margin:0 auto;
}

div#seminar202603 div.seminarMain p{
	margin:0 0 0.5em 0;
	padding:0;
	font-size:115%;
	line-height: 1.5;
}
div#seminar202603 div.seminarMain p span{
	font-size:1.28rem;
	font-weight: bold;
	color:#000;
}
div#seminar202603 div.seminarMain p:last-child{
	margin-bottom:0;
}




/*--------- セミナー概要 ---------*/
div#seminar202603 div.seminarOutline{
	box-sizing: border-box;
	position: relative;
	width:100%;
	margin: 0 0 100px 0;
	padding:25px 0 0 0;
}
div#seminar202603 div.seminarOutline:before{
	display: block;
	position: absolute;
	top:0;
	left:0;
	content:"";
	width:100%;
	height:6px;
	background-image:linear-gradient(to right, #9157e7 0%, #f799e0 100%);
}
div#seminar202603 div.seminarOutline:after{
	display: block;
	position: absolute;
	bottom:0;
	left:0;
	content:"";
	width:100%;
	height:6px;
	background-image:linear-gradient(to right, #9157e7 0%, #f799e0 100%);
}

div#seminar202603 div.seminarOutline div.flex{
	display: flex;
	justify-content:space-between;
  	flex-wrap: nowrap;
	margin-bottom:30px;
}
div#seminar202603 div.seminarOutline div.flex div.boxL{
	width:28%;
}
div#seminar202603 div.seminarOutline div.flex div.boxR{
	width:70%;
}


div#seminar202603 div.seminarOutline dl.date{
	margin: 0 0 1em 1em;
	padding:0;
}
div#seminar202603 div.seminarOutline dl.date dt{
	margin: 0;
	padding:0;
	font-size:157%;
	line-height: 1.3;
}
div#seminar202603 div.seminarOutline dl.date dt span{
	font-size:2rem;
	font-weight:bold;
}
div#seminar202603 div.seminarOutline dl.date dd{
	margin: 0;
	padding:0;
	font-size:128%;
	line-height: 1.3;
}
div#seminar202603 div.seminarOutline div.flex div.boxL p{
	margin:0 0 0 1em;
	padding:0;
	font-size:100%;
	line-height: 1.5;
}



div#seminar202603 div.seminarOutline dl.program{
	margin: 0 0 20px 0;
	padding:0 0 0 10px;
	border-left:4px #999 solid;
}
div#seminar202603 div.seminarOutline dl.program:last-child{margin-bottom: 0;}
div#seminar202603 div.seminarOutline dl.program dt{
	margin:0 0 0.5em 0;
	padding:0;
	font-size:115%;
	line-height: 1.3;
	color:#9157e7;
	font-weight: bold;
}
/*時間*/
div#seminar202603 div.seminarOutline dl.program dt span{
	padding-right:0.5em;
	font-size:1rem;
}
div#seminar202603 div.seminarOutline dl.program dd{
	margin:0 0 0.5em 15px;
	padding:0;
	font-size:100%;
	line-height: 1.3;
}
div#seminar202603 div.seminarOutline dl.program dd.speaker{
	padding-top:0.5em;
	padding-left:3em;
	font-size:100%;
	line-height: 1.8;
	text-indent: -3em;
}

div#seminar202603 div.seminarOutline dl.program dd h4{
	margin:0 0 0.3em 0;
	padding:0;
	font-size:143%;
	line-height: 1.3;
	font-weight:bold;
	background-image: none;
	border:none;
	background-color: inherit;
}
div#seminar202603 div.seminarOutline dl.program dd p{
	margin: 0 0 0.3em 0;
	padding:0;
	font-size:115%;
	line-height: 1.3;
}
/*申込みリンクボタン*/
div#seminar202603 div.seminarOutline div.entry{
	padding:20px 0;
	background-color: #f2f2f2;
}





/*------------------ セミナー内容 ------------------*/

div#seminar202603 div.seminarDetail{
	margin-bottom:50px;
}

div#seminar202603 div.seminarDetail h3{
	margin: 0 0 1em 0;
	padding:0.5em 0.5em;
	background-image: none;
	border:none;
	background-color: #333;
	color:#fff;
	font-weight:bold;
	font-size:128%;
	line-height: 1.3;
	text-align: center;
}


/*--------- 受付 ---------*/
div#seminar202603 ul.reception{
	margin:0 0 20px 0;
	padding:0;
	list-style:none;
}
div#seminar202603 ul.reception li{
	position:relative;
	margin:0 0 0.5em 0;
	padding:0 0 0 15px;
	font-size:100%;
	line-height:1.3;
}
div#seminar202603 ul.reception li:before{
	content:"";
	position: absolute;
	top:0.3em;
	left:0;
	width:10px;
	height:10px;
	background-color:#9157e7;
	border-radius: 5px;
}




/*--------- セミナー詳細 ---------*/

div#seminar202603 div.session{
	width:100%;
	margin-bottom:60px;
	padding:10px 0 30px 0;
	background-color: #f2ebf0;
	background-image: url(/portals/0/data/event/webinar/img/bg_sakura.png);
	background-repeat: no-repeat;
	background-position: 0 100px;
}
div#seminar202603 dl.sessionTitle{
	width:100%;
	margin:0 0 1.5em 0;
	padding:0;
	display: flex;
	justify-content: flex-start;
	flex-wrap: nowrap;
	background-color: #707070;
	color:#fff;
}
div#seminar202603 dl.sessionTitle dt{
	width:115px;
	margin:0;
	padding:10px 0;
	padding:0;
	text-align: center;
	background-color: #9157e7;
	
	display: flex;
	justify-content: center;
	align-items:center;
}
div#seminar202603 dl.sessionTitle dd{
	margin:0;
	padding:10px 0 10px 30px;
}
div#seminar202603 dl.sessionTitle dd p{
	margin:0;
	padding:0;
	font-size:100%;
	line-height: 1.3;
}

div#seminar202603 dl.sessionTitle dd p span{
	font-weight: bold;
}


div#seminar202603 div.session div.txtBlock{
	box-sizing: border-box;
	width:100%;
	padding: 0 0 0 115px;
}



div#seminar202603 div.session div.subject{
	margin:0;
	padding:0;
}
div#seminar202603 div.session div.subject h4{
	margin:0 0 0.5em 0;
	padding:0;
	background:none;
	border:none;
	font-size:200%;
	line-height:1.3;
	font-weight:bold;
}

div#seminar202603 div.session div.subject p.subtitle{
	margin: 0 0 0.5em 0;
	padding:0;
	font-size:115%;
	line-height:1.3;
}





/*--------- セッション1. 基調講演 ---------*/
div#seminar202603 div.keynote{
	width:100%;
	margin:40px 0 0 0;
	padding:0;
	
	display: flex;
	justify-content:space-between;
	flex-wrap: nowrap;
	
}
/*講演概要*/
div#seminar202603 div.keynote div.overview{
	box-sizing: border-box;
	width:63%;
	padding: 0 50px 0 0;
	border-right:1px #999 solid;
}
div#seminar202603 div.keynote div.overview p{
	margin:0 0 0.5em 0;
	padding:0;
	font-size:100%;
	line-height: 1.5;
}

/*講師*/
div#seminar202603 div.keynote div.presenter{
	box-sizing: border-box;
	width:32%;
	padding: 0 30px 0 0;
}

div#seminar202603 div.presenter dl{
	margin:0;
	padding:0;
	background:url(/portals/0/data/event/webinar/img/icon_person.png) 0 0 no-repeat;
}
div#seminar202603 div.presenter dl dt{
	margin: 0 0 0.5em 0;
	padding:0 0 0 40px;
	color:#000;
	font-size:86%;
	line-height:1.3;
}
div#seminar202603 div.presenter dl dd{
	margin: 0 0 0 0;
	padding:0 0 0 40px;
	color:#000;
	font-size:100%;
	line-height:1.5;
}
div#seminar202603 div.presenter dl dd.name{
	padding-top:0.5em;
	font-size:115%;	
}
div#seminar202603 div.presenter dl{
	width:100%;
	margin-bottom: 20px;
}
div#seminar202603 div.presenter img.pict{
	display: block;
	width:115px;
	margin:0 auto 20px auto;
}

div#seminar202603 div.presenter p.profile{
	margin:0 0 0.5em 0;
	padding:10px 0 0 0;
	font-size:86%;
	line-height:1.5;
	color:#333;
}






/*--------- セッション2. 導入事例 ---------*/

div#seminar202603 div.session div.subject p.subtitle2{
	margin: 0 0 1em 0;
	padding:0;
	font-size:143%;
	line-height:1.5;
	font-weight: normal;
}


div#seminar202603 div.session div.flex2{
	width:100%;
	box-sizing: border-box;
	display: flex;
	justify-content: flex-start;
	flex-wrap: nowrap;
}

div#seminar202603 div.session div.flex2 div.detail{
	width:63%;
	padding-right:50px;
	box-sizing: border-box;
}
/*ユーザー様企業 ロゴ、3部 SIASロゴ*/
div#seminar202603 div.session div.flex2 div.userLogo,
div#seminar202603 div.session div.flex2 div.serviceLogo{
	width:35%;
	box-sizing: border-box;
	background-color: #fff;
	border-radius: 10px;
	
	display: flex;
	justify-content: center;
	align-items: center;
}


div#seminar202603 div.session ul.lecturer{
	margin: 0 0 2em 0;
	padding:0 0 0 40px;
	list-style: none;
	background:url(/portals/0/data/event/webinar/img/icon_person.png) 0 0 no-repeat;
	
	border-bottom:1px #999 solid;
}
div#seminar202603 div.session ul.lecturer li{
	margin: 0 0 0.5em 0;
	padding:0;
	font-size:100%;
	line-height:1.3;
	color:#333;
}
div#seminar202603 div.session ul.lecturer li:first-child{
	font-size:86%;
}
div#seminar202603 div.session ul.lecturer li:last-child{
	margin-top:1em;
}
div#seminar202603 div.session ul.lecturer li span{
	font-size:115%;
	padding-left:1em;
}
div#seminar202603 div.session div.flex2 div.detail p{
	margin:0 0 0.5em 0;
	padding:0;
	font-size:100%;
	line-height: 1.5;
}





/*--------- 申し込みボタン ---------*/
div#seminar202603 div.entry{
	width:100%;
	text-align: center;
}
div#seminar202603 div.entry p.note{
	margin:0;
	padding:0;
	font-size:100%;
}


/*--------- HubSpotフォームのレスポンシブ対応 ---------*/
div#form {
	width: 100%;
	max-width: 800px;  /* フォームの最大幅を制限 */
	margin: 0 auto;    /* 中央寄せ */
	padding: 0 15px;
	box-sizing: border-box;
}

div#form iframe {
	max-width: 100% !important;
	width: 100% !important;
}

@media screen and (max-width: 768px) {
	div#form {
		max-width: 100%;
		padding: 0 10px;
	}
}